import React from "react";
import { HashRouter as Router, Route, Routes } from "react-router-dom";
import Home from "../pages/Home";
import LifeService from "../pages/LifeService";
import Shop from "../pages/Shop";
import User from "../pages/User";
import City from "../pages/City";
import Search from "../pages/Search";

import FooterNav from "../components/FooterNav";


const AppRouter = () => {
    return (
        <Router>
            <FooterNav></FooterNav>
            <Routes>
                <Route exact path="/" element={<Home />}></Route>

                <Route path="/life_service" element={<LifeService />}></Route>
                <Route path="/shop" element={<Shop />}></Route>
                <Route path="/user" element={<User />}></Route>
                <Route path="/city" element={<City />}></Route>

                <Route exact path="/search" element={<Search />}></Route>
            </Routes>
        </Router>
    )
}

export default AppRouter